Benoemde kleur · #DDCA69
Pirate Treasure
Pirate Treasure is #DDCA69: rgb(221 202 105), hsl(50 63% 64%), oklch(0.835 0.12 98.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Pirate Treasure color name →
#DDCA69
oklch(0.835 0.12 98.5)
Kleurconversies
- HEX
- #ddca69
- RGB
- rgb(221 202 105)
- HSL
- hsl(50 63% 64%)
- HWB
- hwb(50 41% 13%)
- OKLCH
- oklch(0.835 0.12 98.5)
- OKLab
- oklab(0.835 -0.018 0.119)
- CIE Lab
- lab(81.45 -2.14 50.29)
- LCH
- lch(81.45 50.33 92.4)
- CMYK
- cmyk(0% 9% 52% 13%)
Tinten · Schaduwen · Tonen
Tinten
- E0CF7A
- E4D58A
- E7DA9A
- EAE0A9
- EEE5B8
- F1EAC6
- F5F0D4
- F8F5E3
- FBFAF1
Schaduwen
- C0AF5A
- A4954C
- 887C3E
- 6E6431
- 554D24
- 3D3718
- 26220C
- 110F04
- 020200
Tonen
- D3C36D
- CABB71
- C0B474
- B7AC77
- ADA579
- A49D7B
- 9B967D
- 928F7E
- 89877F
Kleurharmonieën
Complementair +180°
- DDCA69
Pirate Treasure
- BCC4FF
≈ Light Periwinkle
Analoog -30° +30°
- DDCA69
Pirate Treasure
- FCBA6F
≈ Yellow Warbler
- B2D882
≈ Wasabi
Triadisch +120° +240°
- DDCA69
Pirate Treasure
- 5DDBFD
≈ Ionized-Air Glow
- FCAAE4
≈ Fresh Gum
Gesplitst complementair +150° +210°
- DDCA69
Pirate Treasure
- 9DCEFF
≈ Baby Blue
- DDB6FF
≈ Light Violet
Tetradisch +90° +180° +270°
- DDCA69
Pirate Treasure
- 57E2D8
≈ Near Moon
- BCC4FF
≈ Light Periwinkle
- FFB0BD
≈ Poodle Skirt
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.65:1 · APCA Lc 29
Ag
AAAOp zwart
WCAG 12.72:1 · APCA Lc 74
Beste tekstkleur: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--pirate-treasure: #ddca69;
--pirate-treasure-rgb: 221 202 105;
--pirate-treasure-oklch: oklch(0.835 0.12 98.5);
}
.element {
color: var(--pirate-treasure);
background-color: hsl(50 63% 64%);
border-color: oklch(0.835 0.12 98.5);
}Tailwind CSS v4
@theme {
--color-pirate-treasure: #ddca69;
--color-pirate-treasure-50: #fcf7d0;
--color-pirate-treasure-100: #f0eabc;
--color-pirate-treasure-200: #dfd69b;
--color-pirate-treasure-300: #c5b96f;
--color-pirate-treasure-400: #b19f43;
--color-pirate-treasure-500: #9b8600;
--color-pirate-treasure-600: #837100;
--color-pirate-treasure-700: #695b03;
--color-pirate-treasure-800: #4f4200;
--color-pirate-treasure-900: #372d02;
--color-pirate-treasure-950: #221a00;
}SCSS
$pirate-treasure: #ddca69;
$pirate-treasure-rgb: 221, 202, 105;
$pirate-treasure-light: mix(#fff, $pirate-treasure, 20%);
$pirate-treasure-dark: mix(#000, $pirate-treasure, 20%);
.element {
color: $pirate-treasure;
box-shadow: 0 0 0 2px rgba($pirate-treasure, 0.35);
}