Nazwany kolor · #EECC9F
Quiet Star
Quiet Star to #EECC9F: rgb(238 204 159), hsl(34 70% 78%), oklch(0.863 0.07 74.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Quiet Star color name →
#EECC9F
oklch(0.863 0.07 74.4)
Konwersje koloru
- HEX
- #eecc9f
- RGB
- rgb(238 204 159)
- HSL
- hsl(34 70% 78%)
- HWB
- hwb(34 62% 7%)
- OKLCH
- oklch(0.863 0.07 74.4)
- OKLab
- oklab(0.863 0.019 0.068)
- CIE Lab
- lab(84.18 7.71 27.16)
- LCH
- lch(84.18 28.23 74.1)
- CMYK
- cmyk(0% 14% 33% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0D1A9
- F2D6B2
- F3DBBC
- F5E0C6
- F7E6CF
- F9EBD9
- FAF0E2
- FCF5EC
- FDFAF5
Odcienie ciemniejsze
- CFB18A
- B19775
- 937E61
- 77654D
- 5C4E3B
- 423729
- 2A2218
- 140F09
- 030201
Tony
- E3C49C
- D7BC99
- CCB596
- C1AD93
- B6A590
- AB9E8D
- A0968A
- 958F87
- 8B8783
Harmonie kolorów
Komplementarna +180°
- EECC9F
Quiet Star
- B4D5FF
≈ Ice Cold Stare
Analogowa -30° +30°
- EECC9F
Quiet Star
- FBC4AD
≈ Gadabout
- D9D5A0
≈ Garden Glade
Triada +120° +240°
- EECC9F
Quiet Star
- 9BE1E0
≈ Aqua Fiesta
- E3C5F3
≈ Neon Boneyard
Komplementarna rozszczepiona +150° +210°
- EECC9F
Quiet Star
- A0DDF5
≈ Non-Photo Blue
- CCCDFF
≈ Lavender Blue
Tetrada +90° +180° +270°
- EECC9F
Quiet Star
- A7E1C6
≈ Reef Green
- B4D5FF
≈ Ice Cold Stare
- F5C0DD
≈ Rosy Nectar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.52:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.77:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--quiet-star: #eecc9f;
--quiet-star-rgb: 238 204 159;
--quiet-star-oklch: oklch(0.863 0.07 74.4);
}
.element {
color: var(--quiet-star);
background-color: hsl(34 70% 78%);
border-color: oklch(0.863 0.07 74.4);
}Tailwind CSS v4
@theme {
--color-quiet-star: #eecc9f;
--color-quiet-star-50: #fff3df;
--color-quiet-star-100: #f6e5ce;
--color-quiet-star-200: #e6d1b3;
--color-quiet-star-300: #ccb390;
--color-quiet-star-400: #b79970;
--color-quiet-star-500: #a27f50;
--color-quiet-star-600: #896c44;
--color-quiet-star-700: #6e5636;
--color-quiet-star-800: #513e26;
--color-quiet-star-900: #392b1a;
--color-quiet-star-950: #23180a;
}SCSS
$quiet-star: #eecc9f;
$quiet-star-rgb: 238, 204, 159;
$quiet-star-light: mix(#fff, $quiet-star, 20%);
$quiet-star-dark: mix(#000, $quiet-star, 20%);
.element {
color: $quiet-star;
box-shadow: 0 0 0 2px rgba($quiet-star, 0.35);
}