Adlandırılmış renk · #D2C880
Serene Scene
Serene Scene, #D2C880: rgb(210 200 128), hsl(53 48% 66%), oklch(0.825 0.093 101.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Serene Scene color name →
#D2C880
oklch(0.825 0.093 101.4)
Renk dönüşümleri
- HEX
- #d2c880
- RGB
- rgb(210 200 128)
- HSL
- hsl(53 48% 66%)
- HWB
- hwb(53 50% 18%)
- OKLCH
- oklch(0.825 0.093 101.4)
- OKLab
- oklab(0.825 -0.018 0.091)
- CIE Lab
- lab(80.21 -4.01 37.31)
- LCH
- lch(80.21 37.52 96.1)
- CMYK
- cmyk(0% 5% 39% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6CE8D
- DBD39A
- DFD9A7
- E4DEB4
- E8E4C1
- EDE9CD
- F1EFDA
- F6F4E6
- FAFAF3
Koyu tonlar
- B6AE6E
- 9B945D
- 817B4D
- 68633D
- 504C2E
- 39361F
- 242112
- 100F06
- 020201
Gri tonlar
- C9C181
- C1B982
- B9B282
- B0AB82
- A8A482
- A09C82
- 989582
- 908E81
- 888781
Renk uyumları
Tamamlayıcı +180°
- D2C880
Serene Scene
- BBBFFF
≈ Dried Lilac
Analog -30° +30°
- D2C880
Serene Scene
- ECBC82
≈ Fragrant Coriander
- B0D393
≈ Fresh Lettuce
Üçlü +120° +240°
- D2C880
Serene Scene
- 7DD4F0
≈ Middle Blue
- F0AED7
≈ Pretty Pink Piggy
Bölünmüş tamamlayıcı +150° +210°
- D2C880
Serene Scene
- 9ACAFF
≈ Apocyan
- D9B5F2
≈ Pink Illusion
Dörtlü +90° +180° +270°
- D2C880
Serene Scene
- 77D9D4
≈ Aqua Zing
- BBBFFF
≈ Dried Lilac
- FBADB6
≈ Poodle Skirt
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.70:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.31:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--serene-scene: #d2c880;
--serene-scene-rgb: 210 200 128;
--serene-scene-oklch: oklch(0.825 0.093 101.4);
}
.element {
color: var(--serene-scene);
background-color: hsl(53 48% 66%);
border-color: oklch(0.825 0.093 101.4);
}Tailwind CSS v4
@theme {
--color-serene-scene: #d2c880;
--color-serene-scene-50: #f9f7d9;
--color-serene-scene-100: #edeac7;
--color-serene-scene-200: #dbd7a9;
--color-serene-scene-300: #bfba82;
--color-serene-scene-400: #aaa05e;
--color-serene-scene-500: #938837;
--color-serene-scene-600: #7c7330;
--color-serene-scene-700: #645c26;
--color-serene-scene-800: #4a4319;
--color-serene-scene-900: #332e10;
--color-serene-scene-950: #1f1b03;
}SCSS
$serene-scene: #d2c880;
$serene-scene-rgb: 210, 200, 128;
$serene-scene-light: mix(#fff, $serene-scene, 20%);
$serene-scene-dark: mix(#000, $serene-scene, 20%);
.element {
color: $serene-scene;
box-shadow: 0 0 0 2px rgba($serene-scene, 0.35);
}