Nazwany kolor · #9ED6E8
Light Budgie Blue
Light Budgie Blue to #9ED6E8: rgb(158 214 232), hsl(195 62% 76%), oklch(0.844 0.063 219.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Light Budgie Blue color name →
#9ED6E8
oklch(0.844 0.063 219.7)
Konwersje koloru
- HEX
- #9ed6e8
- RGB
- rgb(158 214 232)
- HSL
- hsl(195 62% 76%)
- HWB
- hwb(195 62% 9%)
- OKLCH
- oklch(0.844 0.063 219.7)
- OKLab
- oklab(0.844 -0.048 -0.04)
- CIE Lab
- lab(82.22 -15.46 -15.02)
- LCH
- lch(82.22 21.56 224.2)
- CMYK
- cmyk(32% 8% 0% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A8DAEA
- B2DEED
- BCE2EF
- C6E7F1
- CFEBF4
- D9EFF6
- E2F3F8
- ECF7FB
- F6FBFD
Odcienie ciemniejsze
- 89BACA
- 749EAC
- 608490
- 4D6A74
- 3A5259
- 293B40
- 182529
- 091013
- 010203
Tony
- 9BCDDD
- 99C4D2
- 96BCC8
- 93B3BD
- 90AAB3
- 8DA2A8
- 8A999E
- 879194
- 83888A
Harmonie kolorów
Komplementarna +180°
- 9ED6E8
Light Budgie Blue
- F1BFAE
≈ Jazz Age Coral
Analogowa -30° +30°
- 9ED6E8
Light Budgie Blue
- 9CD9D4
≈ In the Shallows
- ADD0F4
≈ Alphabet Blue
Triada +120° +240°
- 9ED6E8
Light Budgie Blue
- E9BCD9
≈ Child’s Play
- D5CD9E
≈ Tahuna Sands
Komplementarna rozszczepiona +150° +210°
- 9ED6E8
Light Budgie Blue
- F1BBC3
≈ Petals Unfolding
- E7C5A0
≈ Egghead
Tetrada +90° +180° +270°
- 9ED6E8
Light Budgie Blue
- D8C1EB
≈ York Plum
- F1BFAE
≈ Jazz Age Coral
- BFD4AA
≈ Jaded Lime
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.23:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.23:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-budgie-blue: #9ed6e8;
--light-budgie-blue-rgb: 158 214 232;
--light-budgie-blue-oklch: oklch(0.844 0.063 219.7);
}
.element {
color: var(--light-budgie-blue);
background-color: hsl(195 62% 76%);
border-color: oklch(0.844 0.063 219.7);
}Tailwind CSS v4
@theme {
--color-light-budgie-blue: #9ed6e8;
--color-light-budgie-blue-50: #e3faff;
--color-light-budgie-blue-100: #d2edf7;
--color-light-budgie-blue-200: #b8dbe8;
--color-light-budgie-blue-300: #95bfce;
--color-light-budgie-blue-400: #74a8b8;
--color-light-budgie-blue-500: #5390a3;
--color-light-budgie-blue-600: #477a8a;
--color-light-budgie-blue-700: #39626e;
--color-light-budgie-blue-800: #284851;
--color-light-budgie-blue-900: #1b3238;
--color-light-budgie-blue-950: #0b1e23;
}SCSS
$light-budgie-blue: #9ed6e8;
$light-budgie-blue-rgb: 158, 214, 232;
$light-budgie-blue-light: mix(#fff, $light-budgie-blue, 20%);
$light-budgie-blue-dark: mix(#000, $light-budgie-blue, 20%);
.element {
color: $light-budgie-blue;
box-shadow: 0 0 0 2px rgba($light-budgie-blue, 0.35);
}