Cor nomeada · #C8DAF5
Fly a Kite
Fly a Kite é #C8DAF5: rgb(200 218 245), hsl(216 69% 87%), oklch(0.883 0.042 258.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Fly a Kite color name →
#C8DAF5
oklch(0.883 0.042 258.4)
Conversões de cor
- HEX
- #c8daf5
- RGB
- rgb(200 218 245)
- HSL
- hsl(216 69% 87%)
- HWB
- hwb(216 78% 4%)
- OKLCH
- oklch(0.883 0.042 258.4)
- OKLab
- oklab(0.883 -0.008 -0.041)
- CIE Lab
- lab(86.33 -2.1 -15.41)
- LCH
- lch(86.33 15.55 262.2)
- CMYK
- cmyk(18% 11% 0% 4%)
Tons claros · Sombras · Tons
Tons claros
- CDDEF6
- D3E1F7
- D8E5F8
- DEE9F9
- E3ECFA
- E9F0FB
- EEF4FC
- F4F8FD
- F9FBFE
Sombras
- AEBDD5
- 94A2B6
- 7B8798
- 636C7B
- 4C545F
- 363C44
- 21252B
- 0F1115
- 020203
Tons
- C1D1E9
- B9C7DD
- B2BED1
- ABB5C5
- A3ACB9
- 9CA3AD
- 959AA2
- 8E9196
- 87898B
Harmonias de cor
Complementar +180°
- C8DAF5
Fly a Kite
- E8D6BA
≈ Palomino Mane
Análoga -30° +30°
- C8DAF5
Fly a Kite
- BDDFEF
≈ Tropical Pool
- D7D5F4
≈ Lavender Sky
Tríade +120° +240°
- C8DAF5
Fly a Kite
- F3CECE
≈ Strawberry Ripple
- CBE0C5
≈ Soft Moss
Complementar dividida +150° +210°
- C8DAF5
Fly a Kite
- F1D1C1
≈ Indian Clay
- DBDBBC
≈ Apple Cucumber
Tétrade +90° +180° +270°
- C8DAF5
Fly a Kite
- EFCEDD
≈ Berry Butter
- E8D6BA
≈ Palomino Mane
- BFE2D3
≈ Beru
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASobre preto
WCAG 14.80:1 · APCA Lc 83
Melhor cor de texto: #000000
WCAG 14.80:1 (AAA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--fly-a-kite: #c8daf5;
--fly-a-kite-rgb: 200 218 245;
--fly-a-kite-oklch: oklch(0.883 0.042 258.4);
}
.element {
color: var(--fly-a-kite);
background-color: hsl(216 69% 87%);
border-color: oklch(0.883 0.042 258.4);
}Tailwind CSS v4
@theme {
--color-fly-a-kite: #c8daf5;
--color-fly-a-kite-50: #eef6ff;
--color-fly-a-kite-100: #e0e8f6;
--color-fly-a-kite-200: #cad5e7;
--color-fly-a-kite-300: #abb8ce;
--color-fly-a-kite-400: #8fa0b8;
--color-fly-a-kite-500: #7587a3;
--color-fly-a-kite-600: #637389;
--color-fly-a-kite-700: #4f5c6e;
--color-fly-a-kite-800: #394351;
--color-fly-a-kite-900: #272e38;
--color-fly-a-kite-950: #151b23;
}SCSS
$fly-a-kite: #c8daf5;
$fly-a-kite-rgb: 200, 218, 245;
$fly-a-kite-light: mix(#fff, $fly-a-kite, 20%);
$fly-a-kite-dark: mix(#000, $fly-a-kite, 20%);
.element {
color: $fly-a-kite;
box-shadow: 0 0 0 2px rgba($fly-a-kite, 0.35);
}