0 views

#cbf63f - Color Information

#cbf63f

Base Information

HEX

#cbf63f

RGB

203,246,63

HSL

74,91,61

HSV

74,74,96

CMYK

17,0,74,4

LAB

91,-37,77

LCH

91,86,115

XYZ

58,79,17

Web Safe

#ccff33

Web Smart

#ccee44

is dark

luminosity

0.7897

Pantone Color

Combinations

#cbf63f complementary
Colors that are opposite to each other, forming a contrasting pair.

#cbf63f

#6A3FF6

#cbf63f splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#cbf63f

#3F70F6

#C53FF6

#cbf63f triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#cbf63f

#3FCBF6

#F63FCB

#cbf63f tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#cbf63f

#3FF6C5

#6A3FF6

#F63F70

#cbf63f analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#cbf63f

#6A3FF6

#3F70F6

#C53FF6

#cbf63f analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#cbf63f

#70F63F

#3FF66A

#3FF6C5

Shades

#cbf63f Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#CBF63F

#D0F752

#D5F865

#DBF979

#E0FA8C

#E5FB9F

#EAFBB2

#EFFCC5

#F5FDD9

#FAFEEC

#cbf63f Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#CBF63F

#C4EA46

#BCDE4C

#B5D353

#ADC759

#A6BB60

#9EAF66

#97A36D

#8F9873

#888C7A

#cbf63f Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#CBF63F

#B7DD39

#A2C532

#8EAC2C

#7A9426

#667B20

#516219

#3D4A13

#29310D

#141906

#cbf63f Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#CBF63F

#D0DD39

#D5C532

#DBAC2C

#E09426

#E57B20

#EA6219

#EF4A13

#F5310D

#FA1906

#cbf63f Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#CBF63F

#B7EA39

#A2DE32

#8ED32C

#7AC726

#66BB20

#51AF19

#3DA313

#29980D

#148C06

#cbf63f Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#CBF63F

#B7DD52

#A2C565

#8EAC79

#7A948C

#667B9F

#5162B2

#3D4AC5

#2931D9

#1419EC

Readability Analysis

#cbf63f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.25	Fail	Sample Text
Black	16.79	AAA	Sample Text
Red	3.20	A	Sample Text
Green	4.11	A	Sample Text
Blue	6.87	AA	Sample Text

#cbf63f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.25	Fail	Sample Text
Black	16.79	AAA	Sample Text
Red	3.20	A	Sample Text
Green	4.11	A	Sample Text
Blue	6.87	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eceb59`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ece88e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d8ebb4`
Protanopia	No red perception - Dichromacy	`#ffe568`
Deuteranopia	No green perception - Dichromacy	`#ffe1bb`
Tritanopia	No blue perception - Dichromacy	`#e0e5f7`
Achromatomaly	Partial color blindness - Monochromacy	`#d8e8a5`
Achromatopsia	Complete color blindness - Monochromacy	`#e0e0e0`

#cbf63f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#cbf63f complementaryColors that are opposite to each other, forming a contrasting pair.

#cbf63f splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#cbf63f triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#cbf63f tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#cbf63f analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#cbf63f analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#cbf63f Light Tints

#cbf63f Gray Shades

#cbf63f Dark Shades

#cbf63f Red Shades

#cbf63f Green Shades

#cbf63f Blue Shades

Readability Analysis

#cbf63f as Text Color

#cbf63f as Background Color

Color Blindness Simulation

#cbf63f complementary
Colors that are opposite to each other, forming a contrasting pair.

#cbf63f splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#cbf63f triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#cbf63f tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#cbf63f analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#cbf63f analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.