色名 · #993333
Poisonous Apple
Poisonous Appleは#993333：rgb(153 51 51)、hsl(0 50% 40%)、oklch(0.471 0.137 24)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Poisonous Apple color name →
#993333
oklch(0.471 0.137 24)
カラー変換
- HEX
- #993333
- RGB
- rgb(153 51 51)
- HSL
- hsl(0 50% 40%)
- HWB
- hwb(0 20% 40%)
- OKLCH
- oklch(0.471 0.137 24)
- OKLab
- oklab(0.471 0.125 0.056)
- CIE Lab
- lab(37.23 43.24 24.58)
- LCH
- lch(37.23 49.74 29.6)
- CMYK
- cmyk(0% 67% 67% 40%)
ティント · シェード · トーン
ティント
- A54946
- B15D59
- BC716D
- C78580
- D19994
- DBADA9
- E5C1BE
- EED6D3
- F7EAE9
シェード
- 842B2B
- 702323
- 5D1C1C
- 4A1414
- 380D0D
- 270707
- 170303
- 080101
- 010000
トーン
- 983D3B
- 974643
- 954E4B
- 935652
- 915D5A
- 8E6561
- 8C6C69
- 887371
- 847978
カラーハーモニー
補色 +180°
- 993333
Poisonous Apple
- 006870
≈ Kingfisher Bright
類似色 -30° +30°
- 993333
Poisonous Apple
- 923360
≈ Pink Horror
- 8C4500
≈ Otterly Brown
トライアド +120° +240°
- 993333
Poisonous Apple
- 1A6D20
≈ Bogey Green
- 3256A7
≈ Blasphemous Blue
スプリットコンプリメンタリー +150° +210°
- 993333
Poisonous Apple
- 006B57
≈ Chrysocolla Medium Green
- 006389
≈ Reservoir
テトラード +90° +180° +270°
- 993333
Poisonous Apple
- 5B6100
≈ Kirchner Green
- 006870
≈ Kingfisher Bright
- 61479F
≈ Ultrapurple Merge
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.30:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 2.87:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 7.30:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--poisonous-apple: #993333;
--poisonous-apple-rgb: 153 51 51;
--poisonous-apple-oklch: oklch(0.471 0.137 24);
}
.element {
color: var(--poisonous-apple);
background-color: hsl(0 50% 40%);
border-color: oklch(0.471 0.137 24);
}Tailwind CSS v4
@theme {
--color-poisonous-apple: #993333;
--color-poisonous-apple-50: #ffe7e1;
--color-poisonous-apple-100: #ffd7d0;
--color-poisonous-apple-200: #ffbeb6;
--color-poisonous-apple-300: #f69c93;
--color-poisonous-apple-400: #e47c76;
--color-poisonous-apple-500: #d15b58;
--color-poisonous-apple-600: #b14e4b;
--color-poisonous-apple-700: #8e3e3c;
--color-poisonous-apple-800: #6a2c2c;
--color-poisonous-apple-900: #4a1e1e;
--color-poisonous-apple-950: #310d0e;
}SCSS
$poisonous-apple: #993333;
$poisonous-apple-rgb: 153, 51, 51;
$poisonous-apple-light: mix(#fff, $poisonous-apple, 20%);
$poisonous-apple-dark: mix(#000, $poisonous-apple, 20%);
.element {
color: $poisonous-apple;
box-shadow: 0 0 0 2px rgba($poisonous-apple, 0.35);
}