Colore con nome · #ECE67E
Texas
Texas è #ECE67E: rgb(236 230 126), hsl(57 74% 71%), oklch(0.908 0.127 105.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Texas color name →
#ECE67E
oklch(0.908 0.127 105.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- EEE98D
- F0EB9B
- F1EEA8
- F3F1B5
- F5F3C2
- F7F6CF
- F9F8DB
- FBFAE7
- FDFDF3
Ombre
- CDC86D
- AFAB5C
- 928E4C
- 76733C
- 5B592D
- 42401F
- 292811
- 131305
- 030301
Toni
- E1DB80
- D5D181
- CAC783
- BFBC83
- B4B283
- A9A883
- 9F9E83
- 949482
- 8A8A81
Armonie di colore
Complementare +180°
- ECE67E
Texas
- DDDDFF
≈ Transparent Blue
Analogo -30° +30°
- ECE67E
Texas
- FFDAA7
≈ Speak to Me
- BBF49F
≈ Snappy Green
Triadico +120° +240°
- ECE67E
Texas
- B7EAFF
≈ Blue Java Banana
- FFD2E9
≈ Pink Currant
Complementare divisa +150° +210°
- ECE67E
Texas
- CEE3FF
≈ Fresh Water
- F2D4FF
≈ Rose Dragée
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASu nero
WCAG 16.18:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.18:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
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);
}