Nazwany kolor · #E7C630
Thai Temple
Thai Temple to #E7C630: rgb(231 198 48), hsl(49 79% 55%), oklch(0.831 0.159 95.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Thai Temple color name →
#E7C630
oklch(0.831 0.159 95.7)
Konwersje koloru
- HEX
- #e7c630
- RGB
- rgb(231 198 48)
- HSL
- hsl(49 79% 55%)
- HWB
- hwb(49 19% 9%)
- OKLCH
- oklch(0.831 0.159 95.7)
- OKLab
- oklab(0.831 -0.016 0.158)
- CIE Lab
- lab(80.98 1.63 72.71)
- LCH
- lch(80.98 72.73 88.7)
- CMYK
- cmyk(0% 14% 79% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9CC51
- ECD26A
- EED880
- F0DE94
- F3E4A7
- F5E9B9
- F8EFCB
- FAF4DD
- FDFAEE
Odcienie ciemniejsze
- C9AC28
- AB9221
- 8F7A1A
- 736213
- 594B0C
- 403506
- 282103
- 130E01
- 030200
Tony
- DCBF42
- D1B84F
- C7B159
- BCAA62
- B2A369
- A89C6F
- 9E9574
- 948E79
- 8A877D
Harmonie kolorów
Komplementarna +180°
- E7C630
Thai Temple
- B8C4FF
≈ Light Periwinkle
Analogowa -30° +30°
- E7C630
Thai Temple
- FFB76B
≈ Mango Creamsicles
- AFDA5E
≈ Badass Grass
Triada +120° +240°
- E7C630
Thai Temple
- 3CDDFF
≈ Splashing Wave
- FFA5EA
≈ Pink Wink
Komplementarna rozszczepiona +150° +210°
- E7C630
Thai Temple
- 97CEFF
≈ Apocyan
- D8B6FF
≈ Light Violet
Tetrada +90° +180° +270°
- E7C630
Thai Temple
- 00E6D5
≈ MoS₂ Cyan
- B8C4FF
≈ Light Periwinkle
- FFADBE
≈ Baby’s Blanket
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.67:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.51:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--thai-temple: #e7c630;
--thai-temple-rgb: 231 198 48;
--thai-temple-oklch: oklch(0.831 0.159 95.7);
}
.element {
color: var(--thai-temple);
background-color: hsl(49 79% 55%);
border-color: oklch(0.831 0.159 95.7);
}Tailwind CSS v4
@theme {
--color-thai-temple: #e7c630;
--color-thai-temple-50: #fff6c2;
--color-thai-temple-100: #f6e9ac;
--color-thai-temple-200: #e6d584;
--color-thai-temple-300: #cdb84e;
--color-thai-temple-400: #bb9c00;
--color-thai-temple-500: #a68200;
--color-thai-temple-600: #8d6e00;
--color-thai-temple-700: #715800;
--color-thai-temple-800: #554000;
--color-thai-temple-900: #3b2c00;
--color-thai-temple-950: #251900;
}SCSS
$thai-temple: #e7c630;
$thai-temple-rgb: 231, 198, 48;
$thai-temple-light: mix(#fff, $thai-temple, 20%);
$thai-temple-dark: mix(#000, $thai-temple, 20%);
.element {
color: $thai-temple;
box-shadow: 0 0 0 2px rgba($thai-temple, 0.35);
}