Nazwany kolor · #DDCA69
Pirate Treasure
Pirate Treasure to #DDCA69: rgb(221 202 105), hsl(50 63% 64%), oklch(0.835 0.12 98.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Pirate Treasure color name →
#DDCA69
oklch(0.835 0.12 98.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0CF7A
- E4D58A
- E7DA9A
- EAE0A9
- EEE5B8
- F1EAC6
- F5F0D4
- F8F5E3
- FBFAF1
Odcienie ciemniejsze
- C0AF5A
- A4954C
- 887C3E
- 6E6431
- 554D24
- 3D3718
- 26220C
- 110F04
- 020200
Tony
- D3C36D
- CABB71
- C0B474
- B7AC77
- ADA579
- A49D7B
- 9B967D
- 928F7E
- 89877F
Harmonie kolorów
Komplementarna +180°
- DDCA69
Pirate Treasure
- BCC4FF
≈ Light Periwinkle
Analogowa -30° +30°
- DDCA69
Pirate Treasure
- FCBA6F
≈ Yellow Warbler
- B2D882
≈ Wasabi
Triada +120° +240°
- DDCA69
Pirate Treasure
- 5DDBFD
≈ Ionized-Air Glow
- FCAAE4
≈ Fresh Gum
Komplementarna rozszczepiona +150° +210°
- DDCA69
Pirate Treasure
- 9DCEFF
≈ Baby Blue
- DDB6FF
≈ Light Violet
Tetrada +90° +180° +270°
- DDCA69
Pirate Treasure
- 57E2D8
≈ Near Moon
- BCC4FF
≈ Light Periwinkle
- FFB0BD
≈ Poodle Skirt
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.65:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.72:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
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);
}