Warna bernama · #DDB994
Friar Tuck
Friar Tuck adalah #DDB994: rgb(221 185 148), hsl(30 52% 72%), oklch(0.808 0.065 67.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Friar Tuck color name →
#DDB994
oklch(0.808 0.065 67.5)
Konversi warna
- HEX
- #ddb994
- RGB
- rgb(221 185 148)
- HSL
- hsl(30 52% 72%)
- HWB
- hwb(30 58% 13%)
- OKLCH
- oklch(0.808 0.065 67.5)
- OKLab
- oklab(0.808 0.025 0.06)
- CIE Lab
- lab(77.68 9.5 23.92)
- LCH
- lch(77.68 25.74 68.3)
- CMYK
- cmyk(0% 16% 33% 13%)
Tint · Shade · Tone
Tint
- E1C09F
- E4C7A9
- E8CEB4
- EBD5BF
- EEDCC9
- F2E3D4
- F5EADF
- F8F1E9
- FCF8F4
Shade
- C0A080
- A4896D
- 88715A
- 6E5B48
- 554636
- 3D3126
- 261E16
- 110D08
- 020201
Tone
- D3B392
- CAAD90
- C0A88F
- B7A28D
- AE9C8B
- A49789
- 9B9187
- 928B84
- 898682
Harmoni warna
Komplementer +180°
- DDB994
Friar Tuck
- 9FC5E9
≈ Pale Cerulean
Analog -30° +30°
- DDB994
Friar Tuck
- E6B2A3
≈ Shilo
- CBC191
≈ Rainforest Fern
Triadik +120° +240°
- DDB994
Friar Tuck
- 90CEC8
≈ Tropical Holiday
- CBB6E1
≈ Viking Diva
Split-komplementer +150° +210°
- DDB994
Friar Tuck
- 90CBDC
≈ Baby Motive
- B6BDEA
≈ Larkspur Bud
Tetradik +90° +180° +270°
- DDB994
Friar Tuck
- 9ECDB0
≈ Retro Mint
- 9FC5E9
≈ Pale Cerulean
- DDB1CF
≈ Bff
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.83:1 · APCA Lc 34
Ag
AAADi atas hitam
WCAG 11.44:1 · APCA Lc 68
Warna teks terbaik: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
Cuplikan kode
CSS
:root {
--friar-tuck: #ddb994;
--friar-tuck-rgb: 221 185 148;
--friar-tuck-oklch: oklch(0.808 0.065 67.5);
}
.element {
color: var(--friar-tuck);
background-color: hsl(30 52% 72%);
border-color: oklch(0.808 0.065 67.5);
}Tailwind CSS v4
@theme {
--color-friar-tuck: #ddb994;
--color-friar-tuck-50: #fff2e2;
--color-friar-tuck-100: #f7e5d1;
--color-friar-tuck-200: #e7d0b7;
--color-friar-tuck-300: #ceb294;
--color-friar-tuck-400: #b99876;
--color-friar-tuck-500: #a37e57;
--color-friar-tuck-600: #8a6b4a;
--color-friar-tuck-700: #6f553b;
--color-friar-tuck-800: #523e2a;
--color-friar-tuck-900: #392b1c;
--color-friar-tuck-950: #23180d;
}SCSS
$friar-tuck: #ddb994;
$friar-tuck-rgb: 221, 185, 148;
$friar-tuck-light: mix(#fff, $friar-tuck, 20%);
$friar-tuck-dark: mix(#000, $friar-tuck, 20%);
.element {
color: $friar-tuck;
box-shadow: 0 0 0 2px rgba($friar-tuck, 0.35);
}