Adlandırılmış renk · #D5BC26
Indian Pale Ale
Indian Pale Ale, #D5BC26: rgb(213 188 38), hsl(51 70% 49%), oklch(0.793 0.156 98.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Indian Pale Ale color name →
#D5BC26
oklch(0.793 0.156 98.9)
Renk dönüşümleri
- HEX
- #d5bc26
- RGB
- rgb(213 188 38)
- HSL
- hsl(51 70% 49%)
- HWB
- hwb(51 15% 16%)
- OKLCH
- oklch(0.793 0.156 98.9)
- OKLab
- oklab(0.793 -0.024 0.154)
- CIE Lab
- lab(76.66 -1.34 71.08)
- LCH
- lch(76.66 71.1 91.1)
- CMYK
- cmyk(0% 12% 82% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9C34A
- DDCA64
- E1D17B
- E5D88F
- E9DEA3
- EEE5B6
- F2ECC8
- F6F2DB
- FBF9ED
Koyu tonlar
- B9A320
- 9E8B19
- 837313
- 6A5D0D
- 514708
- 3A3204
- 241F02
- 100D01
- 020200
Gri tonlar
- CCB63B
- C3B049
- BBAA54
- B2A45D
- A99E65
- A1986C
- 989272
- 908C77
- 88867C
Renk uyumları
Tamamlayıcı +180°
- D5BC26
Indian Pale Ale
- ACB5FF
≈ Winterspring Lilac
Analog -30° +30°
- D5BC26
Indian Pale Ale
- FBA736
≈ Carona
- 9CCE5A
≈ Two Peas in a Pod
Üçlü +120° +240°
- D5BC26
Indian Pale Ale
- 00D0F9
≈ Tropical Turquoise
- FB92DD
≈ Pink Delight
Bölünmüş tamamlayıcı +150° +210°
- D5BC26
Indian Pale Ale
- 82C1FF
≈ Maya Blue
- D5A2FF
≈ Lilac
Dörtlü +90° +180° +270°
- D5BC26
Indian Pale Ale
- 00D7CD
≈ Turquoise Panic
- ACB5FF
≈ Winterspring Lilac
- FF99AB
≈ Fight the Sunrise
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.90:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.05:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--indian-pale-ale: #d5bc26;
--indian-pale-ale-rgb: 213 188 38;
--indian-pale-ale-oklch: oklch(0.793 0.156 98.9);
}
.element {
color: var(--indian-pale-ale);
background-color: hsl(51 70% 49%);
border-color: oklch(0.793 0.156 98.9);
}Tailwind CSS v4
@theme {
--color-indian-pale-ale: #d5bc26;
--color-indian-pale-ale-50: #fef7c4;
--color-indian-pale-ale-100: #f3eaae;
--color-indian-pale-ale-200: #e2d787;
--color-indian-pale-ale-300: #c9b953;
--color-indian-pale-ale-400: #b69f00;
--color-indian-pale-ale-500: #a18500;
--color-indian-pale-ale-600: #887100;
--color-indian-pale-ale-700: #6d5a00;
--color-indian-pale-ale-800: #524100;
--color-indian-pale-ale-900: #392d00;
--color-indian-pale-ale-950: #231a00;
}SCSS
$indian-pale-ale: #d5bc26;
$indian-pale-ale-rgb: 213, 188, 38;
$indian-pale-ale-light: mix(#fff, $indian-pale-ale, 20%);
$indian-pale-ale-dark: mix(#000, $indian-pale-ale, 20%);
.element {
color: $indian-pale-ale;
box-shadow: 0 0 0 2px rgba($indian-pale-ale, 0.35);
}