Benoemde kleur · #CAFFFB
Luminescent Sky
Luminescent Sky is #CAFFFB: rgb(202 255 251), hsl(175 100% 90%), oklch(0.963 0.054 190.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Luminescent Sky color name →
#CAFFFB
oklch(0.963 0.054 190.6)
Kleurconversies
- HEX
- #cafffb
- RGB
- rgb(202 255 251)
- HSL
- hsl(175 100% 90%)
- HWB
- hwb(175 79% 0%)
- OKLCH
- oklch(0.963 0.054 190.6)
- OKLab
- oklab(0.963 -0.053 -0.01)
- CIE Lab
- lab(96.28 -17.94 -3.89)
- LCH
- lch(96.28 18.36 192.2)
- CMYK
- cmyk(21% 0% 2% 0%)
Tinten · Schaduwen · Tonen
Tinten
- D0FFFB
- D5FFFC
- DBFFFC
- E0FFFD
- E5FFFD
- EBFFFD
- F0FFFE
- F5FFFE
- FAFFFF
Schaduwen
- AFDEDA
- 95BEBA
- 7C9E9C
- 64807E
- 4D6361
- 374846
- 222E2D
- 0F1615
- 020303
Tonen
- C3F2EE
- BBE4E1
- B4D7D5
- ACCAC8
- A5BEBC
- 9EB1AF
- 96A4A3
- 8F9897
- 878C8C
Kleurharmonieën
Complementair +180°
- CAFFFB
Luminescent Sky
- FFEEF0
≈ Translucent Unicorn
Analoog -30° +30°
- CAFFFB
Luminescent Sky
- D4FFE7
≈ Mint Coffee
- E1F7FF
≈ Glacial Day
Triadisch +120° +240°
- CAFFFB
Luminescent Sky
- F8EFFF
≈ Cloud Break
- FFF0DF
≈ Axolotl
Gesplitst complementair +150° +210°
- CAFFFB
Luminescent Sky
- FFEDF8
≈ Partial Pink
- FFEFE9
≈ Strawberry Dust
Tetradisch +90° +180° +270°
- CAFFFB
Luminescent Sky
- F0F2FF
≈ Cloud Break
- FFEEF0
≈ Translucent Unicorn
- FAF4CB
≈ Lemon Tint
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.09:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 19.20:1 · APCA Lc 101
Beste tekstkleur: #000000
WCAG 19.20:1 (AAA) · APCA Lc 101
Contrast pairs
Codefragmenten
CSS
:root {
--luminescent-sky: #cafffb;
--luminescent-sky-rgb: 202 255 251;
--luminescent-sky-oklch: oklch(0.963 0.054 190.6);
}
.element {
color: var(--luminescent-sky);
background-color: hsl(175 100% 90%);
border-color: oklch(0.963 0.054 190.6);
}Tailwind CSS v4
@theme {
--color-luminescent-sky: #cafffb;
--color-luminescent-sky-50: #e5faf9;
--color-luminescent-sky-100: #d4eeed;
--color-luminescent-sky-200: #bbdcda;
--color-luminescent-sky-300: #98c1bf;
--color-luminescent-sky-400: #79a9a6;
--color-luminescent-sky-500: #5a928e;
--color-luminescent-sky-600: #4d7b78;
--color-luminescent-sky-700: #3d6360;
--color-luminescent-sky-800: #2c4946;
--color-luminescent-sky-900: #1e3230;
--color-luminescent-sky-950: #0d1e1d;
}SCSS
$luminescent-sky: #cafffb;
$luminescent-sky-rgb: 202, 255, 251;
$luminescent-sky-light: mix(#fff, $luminescent-sky, 20%);
$luminescent-sky-dark: mix(#000, $luminescent-sky, 20%);
.element {
color: $luminescent-sky;
box-shadow: 0 0 0 2px rgba($luminescent-sky, 0.35);
}