Nazwany kolor · #ECE67E
Texas
Texas to #ECE67E: rgb(236 230 126), hsl(57 74% 71%), oklch(0.908 0.127 105.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Texas color name →
#ECE67E
oklch(0.908 0.127 105.7)
Konwersje koloru
- HEX
- #ece67e
- RGB
- rgb(236 230 126)
- HSL
- hsl(57 74% 71%)
- HWB
- hwb(57 49% 7%)
- OKLCH
- oklch(0.908 0.127 105.7)
- OKLab
- oklab(0.908 -0.034 0.122)
- CIE Lab
- lab(90.16 -8.15 50.99)
- LCH
- lch(90.16 51.63 99.1)
- CMYK
- cmyk(0% 3% 47% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEE98D
- F0EB9B
- F1EEA8
- F3F1B5
- F5F3C2
- F7F6CF
- F9F8DB
- FBFAE7
- FDFDF3
Odcienie ciemniejsze
- CDC86D
- AFAB5C
- 928E4C
- 76733C
- 5B592D
- 42401F
- 292811
- 131305
- 030301
Tony
- E1DB80
- D5D181
- CAC783
- BFBC83
- B4B283
- A9A883
- 9F9E83
- 949482
- 8A8A81
Harmonie kolorów
Komplementarna +180°
- ECE67E
Texas
- DDDDFF
≈ Transparent Blue
Analogowa -30° +30°
- ECE67E
Texas
- FFDAA7
≈ Speak to Me
- BBF49F
≈ Snappy Green
Triada +120° +240°
- ECE67E
Texas
- B7EAFF
≈ Blue Java Banana
- FFD2E9
≈ Pink Currant
Komplementarna rozszczepiona +150° +210°
- ECE67E
Texas
- CEE3FF
≈ Fresh Water
- F2D4FF
≈ Rose Dragée
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.29:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.18:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.18:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--texas: #ece67e;
--texas-rgb: 236 230 126;
--texas-oklch: oklch(0.908 0.127 105.7);
}
.element {
color: var(--texas);
background-color: hsl(57 74% 71%);
border-color: oklch(0.908 0.127 105.7);
}Tailwind CSS v4
@theme {
--color-texas: #ece67e;
--color-texas-50: #f8f9cf;
--color-texas-100: #ececbb;
--color-texas-200: #d9d999;
--color-texas-300: #bebc6e;
--color-texas-400: #a9a340;
--color-texas-500: #928a00;
--color-texas-600: #7c7500;
--color-texas-700: #635d00;
--color-texas-800: #4a4400;
--color-texas-900: #332f00;
--color-texas-950: #1f1b00;
}SCSS
$texas: #ece67e;
$texas-rgb: 236, 230, 126;
$texas-light: mix(#fff, $texas, 20%);
$texas-dark: mix(#000, $texas, 20%);
.element {
color: $texas;
box-shadow: 0 0 0 2px rgba($texas, 0.35);
}