Colore con nome · #DDB994
Friar Tuck
Friar Tuck è #DDB994: rgb(221 185 148), hsl(30 52% 72%), oklch(0.808 0.065 67.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Friar Tuck color name →
#DDB994
oklch(0.808 0.065 67.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E1C09F
- E4C7A9
- E8CEB4
- EBD5BF
- EEDCC9
- F2E3D4
- F5EADF
- F8F1E9
- FCF8F4
Ombre
- C0A080
- A4896D
- 88715A
- 6E5B48
- 554636
- 3D3126
- 261E16
- 110D08
- 020201
Toni
- D3B392
- CAAD90
- C0A88F
- B7A28D
- AE9C8B
- A49789
- 9B9187
- 928B84
- 898682
Armonie di colore
Complementare +180°
- DDB994
Friar Tuck
- 9FC5E9
≈ Pale Cerulean
Analogo -30° +30°
- DDB994
Friar Tuck
- E6B2A3
≈ Shilo
- CBC191
≈ Rainforest Fern
Triadico +120° +240°
- DDB994
Friar Tuck
- 90CEC8
≈ Tropical Holiday
- CBB6E1
≈ Viking Diva
Complementare divisa +150° +210°
- DDB994
Friar Tuck
- 90CBDC
≈ Baby Motive
- B6BDEA
≈ Larkspur Bud
Tetradico +90° +180° +270°
- DDB994
Friar Tuck
- 9ECDB0
≈ Retro Mint
- 9FC5E9
≈ Pale Cerulean
- DDB1CF
≈ Bff
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.83:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.44:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
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);
}