Adlandırılmış renk · #D4AE40
Ceylon Yellow
Ceylon Yellow, #D4AE40: rgb(212 174 64), hsl(45 63% 54%), oklch(0.765 0.132 89.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Ceylon Yellow color name →
#D4AE40
oklch(0.765 0.132 89.5)
Renk dönüşümleri
- HEX
- #d4ae40
- RGB
- rgb(212 174 64)
- HSL
- hsl(45 63% 54%)
- HWB
- hwb(45 25% 17%)
- OKLCH
- oklch(0.765 0.132 89.5)
- OKLab
- oklab(0.765 0.001 0.132)
- CIE Lab
- lab(73.09 5.94 59.17)
- LCH
- lch(73.09 59.46 84.3)
- CMYK
- cmyk(0% 18% 70% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8B659
- DDBF6E
- E1C782
- E5CF94
- EAD7A7
- EEDFB9
- F2E7CA
- F6EFDC
- FBF7ED
Koyu tonlar
- B89736
- 9D802D
- 836A24
- 69551B
- 514113
- 3A2E0B
- 241C05
- 100B01
- 020100
Gri tonlar
- CBAA4B
- C3A555
- BAA15C
- B29C63
- A99869
- A1936F
- 998E74
- 908A78
- 88857C
Renk uyumları
Tamamlayıcı +180°
- D4AE40
Ceylon Yellow
- 94AFFF
≈ Widowmaker
Analog -30° +30°
- D4AE40
Ceylon Yellow
- F09D55
≈ Doughnut
- A9BF57
≈ Sapling
Üçlü +120° +240°
- D4AE40
Ceylon Yellow
- 00C9E0
≈ Picnic Day Sky
- E193DB
≈ Love Dust
Bölünmüş tamamlayıcı +150° +210°
- D4AE40
Ceylon Yellow
- 57BDFE
≈ Hello Summer
- BF9FFB
≈ Diva
Dörtlü +90° +180° +270°
- D4AE40
Ceylon Yellow
- 28CEB5
≈ Mint Leaf
- 94AFFF
≈ Widowmaker
- F68DB0
≈ Tickle Me Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.92:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.92:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--ceylon-yellow: #d4ae40;
--ceylon-yellow-rgb: 212 174 64;
--ceylon-yellow-oklch: oklch(0.765 0.132 89.5);
}
.element {
color: var(--ceylon-yellow);
background-color: hsl(45 63% 54%);
border-color: oklch(0.765 0.132 89.5);
}Tailwind CSS v4
@theme {
--color-ceylon-yellow: #d4ae40;
--color-ceylon-yellow-50: #fff5cb;
--color-ceylon-yellow-100: #f8e7b6;
--color-ceylon-yellow-200: #e9d392;
--color-ceylon-yellow-300: #d0b564;
--color-ceylon-yellow-400: #bd9a31;
--color-ceylon-yellow-500: #a98000;
--color-ceylon-yellow-600: #8f6c00;
--color-ceylon-yellow-700: #725700;
--color-ceylon-yellow-800: #563e00;
--color-ceylon-yellow-900: #3c2b00;
--color-ceylon-yellow-950: #261800;
}SCSS
$ceylon-yellow: #d4ae40;
$ceylon-yellow-rgb: 212, 174, 64;
$ceylon-yellow-light: mix(#fff, $ceylon-yellow, 20%);
$ceylon-yellow-dark: mix(#000, $ceylon-yellow, 20%);
.element {
color: $ceylon-yellow;
box-shadow: 0 0 0 2px rgba($ceylon-yellow, 0.35);
}