Adlandırılmış renk · #D2B49C
Roasted Almond
Roasted Almond, #D2B49C: rgb(210 180 156), hsl(27 37% 72%), oklch(0.79 0.048 60.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Roasted Almond color name →
#D2B49C
oklch(0.79 0.048 60.7)
Renk dönüşümleri
- HEX
- #d2b49c
- RGB
- rgb(210 180 156)
- HSL
- hsl(27 37% 72%)
- HWB
- hwb(27 61% 18%)
- OKLCH
- oklch(0.79 0.048 60.7)
- OKLab
- oklab(0.79 0.023 0.042)
- CIE Lab
- lab(75.5 8.48 16.5)
- LCH
- lch(75.5 18.55 62.8)
- CMYK
- cmyk(0% 14% 26% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D7BBA6
- DBC3AF
- E0CAB9
- E4D2C3
- E9D9CD
- EDE1D7
- F2E8E1
- F6F0EB
- FBF7F5
Koyu tonlar
- B69C87
- 9B8573
- 816E5F
- 68584C
- 504439
- 393028
- 241D18
- 100C09
- 020201
Gri tonlar
- CAAF99
- C1A997
- B9A494
- B19F91
- A89A8E
- A0958B
- 988F89
- 908A86
- 888583
Renk uyumları
Tamamlayıcı +180°
- D2B49C
Roasted Almond
- A0BFD7
≈ Bluette
Analog -30° +30°
- D2B49C
Roasted Almond
- D8B0A8
≈ Borlotti Bean
- C6BA98
≈ Beach Dune
Üçlü +120° +240°
- D2B49C
Roasted Almond
- 99C5BC
≈ Pitter Patter
- BFB4D5
≈ Frosted Orchid
Bölünmüş tamamlayıcı +150° +210°
- D2B49C
Roasted Almond
- 97C3CC
≈ Cosmic Blue
- AFBADA
≈ Frosted Iris
Dörtlü +90° +180° +270°
- D2B49C
Roasted Almond
- A5C4AB
≈ Spring Leaves
- A0BFD7
≈ Bluette
- CDB0C9
≈ Lavender Knoll
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.74:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--roasted-almond: #d2b49c;
--roasted-almond-rgb: 210 180 156;
--roasted-almond-oklch: oklch(0.79 0.048 60.7);
}
.element {
color: var(--roasted-almond);
background-color: hsl(27 37% 72%);
border-color: oklch(0.79 0.048 60.7);
}Tailwind CSS v4
@theme {
--color-roasted-almond: #d2b49c;
--color-roasted-almond-50: #fff3e8;
--color-roasted-almond-100: #f4e5d8;
--color-roasted-almond-200: #e4d0c0;
--color-roasted-almond-300: #cab39f;
--color-roasted-almond-400: #b49882;
--color-roasted-almond-500: #9e7f66;
--color-roasted-almond-600: #866c57;
--color-roasted-almond-700: #6b5645;
--color-roasted-almond-800: #4f3f32;
--color-roasted-almond-900: #372b22;
--color-roasted-almond-950: #221811;
}SCSS
$roasted-almond: #d2b49c;
$roasted-almond-rgb: 210, 180, 156;
$roasted-almond-light: mix(#fff, $roasted-almond, 20%);
$roasted-almond-dark: mix(#000, $roasted-almond, 20%);
.element {
color: $roasted-almond;
box-shadow: 0 0 0 2px rgba($roasted-almond, 0.35);
}