Nazwany kolor · #ECBD2C
Bright Sun
Bright Sun to #ECBD2C: rgb(236 189 44), hsl(45 83% 55%), oklch(0.818 0.156 89.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Bright Sun color name →
#ECBD2C
oklch(0.818 0.156 89.1)
Konwersje koloru
- HEX
- #ecbd2c
- RGB
- rgb(236 189 44)
- HSL
- hsl(45 83% 55%)
- HWB
- hwb(45 17% 7%)
- OKLCH
- oklch(0.818 0.156 89.1)
- OKLab
- oklab(0.818 0.003 0.156)
- CIE Lab
- lab(79.21 8.09 72.64)
- LCH
- lch(79.21 73.08 83.6)
- CMYK
- cmyk(0% 20% 81% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEC44F
- F0CB68
- F2D27E
- F4D892
- F6DFA5
- F8E6B8
- FAECCA
- FBF2DC
- FDF9ED
Odcienie ciemniejsze
- CDA425
- AF8C1E
- 927417
- 765D11
- 5B470A
- 423305
- 291F02
- 130D01
- 030200
Tony
- E1B73F
- D6B14D
- CBAB57
- C0A560
- B59F67
- AA996E
- 9F9373
- 958D78
- 8A867C
Harmonie kolorów
Komplementarna +180°
- ECBD2C
Bright Sun
- ABC1FF
≈ Pastel Blue
Analogowa -30° +30°
- ECBD2C
Bright Sun
- FFAF6E
≈ Apricot
- B9D14F
≈ Solid Gold
Triada +120° +240°
- ECBD2C
Bright Sun
- 00DCF4
≈ Tamarama
- FA9DF5
≈ Pink Elephants
Komplementarna rozszczepiona +150° +210°
- ECBD2C
Bright Sun
- 82CDFF
≈ Platonic Blue
- CDB4FF
≈ Violet Heaven
Tetrada +90° +180° +270°
- ECBD2C
Bright Sun
- 00E2C5
≈ Celestial Green
- ABC1FF
≈ Pastel Blue
- FFA5C2
≈ Taffy Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.88:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--bright-sun: #ecbd2c;
--bright-sun-rgb: 236 189 44;
--bright-sun-oklch: oklch(0.818 0.156 89.1);
}
.element {
color: var(--bright-sun);
background-color: hsl(45 83% 55%);
border-color: oklch(0.818 0.156 89.1);
}Tailwind CSS v4
@theme {
--color-bright-sun: #ecbd2c;
--color-bright-sun-50: #fff4c3;
--color-bright-sun-100: #fbe7ac;
--color-bright-sun-200: #edd284;
--color-bright-sun-300: #d5b44f;
--color-bright-sun-400: #c39800;
--color-bright-sun-500: #af7d00;
--color-bright-sun-600: #946a00;
--color-bright-sun-700: #775500;
--color-bright-sun-800: #593d00;
--color-bright-sun-900: #3e2a00;
--color-bright-sun-950: #281700;
}SCSS
$bright-sun: #ecbd2c;
$bright-sun-rgb: 236, 189, 44;
$bright-sun-light: mix(#fff, $bright-sun, 20%);
$bright-sun-dark: mix(#000, $bright-sun, 20%);
.element {
color: $bright-sun;
box-shadow: 0 0 0 2px rgba($bright-sun, 0.35);
}